<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<title>demo10-2 Bootstrap的栅格系统</title>
<style type="text/css">
.col-lg-3 {
    border: 1px #FF0000 solid;
}
</style>
</head>

<body>
<div class="container">
  <div class="row">
    <div class="col-lg-3 col-sm-9">第一列</div>
    <div class="col-lg-3 col-sm-1">第二列</div>
    <div class="col-lg-3 col-sm-1">第三列</div>
    <div class="col-lg-3 col-sm-1">第四列</div>
  </div>
</div>
</body>
</html>
